<template>
    <div class="tablebox">
        <el-table
                :data="tableData"
                stripe
               
                style="width: 100%">
                
                <el-table-column
                    v-for="(item,index) in tabletitleData"
                    :key="index"
                    :prop="item.title"
                    :label="item.name"
                >
                </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data(){
        return{}
    },
    props: {
        tabletitleData:{
            type:Array
        },
        tableData:{
            type:Array
        }
    },
    mounted(){

    }
}
</script>
<style scoped>
</style>
<style>
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
    border-right:0.01rem solid #dddddd;
}
.el-table--border{
    overflow-y: auto;
}
.cell{
    font-size:0.11rem;
    text-align: center;
    line-height: 0.34rem !important;
    color:#333333;
}

.tablebox .el-table th{
    border-right: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5;

}
.el-table td, .el-table th{
    padding:0;
}
.el-table--border th, .el-table__fixed-right-patch{
    background:#F5F5F5;
}
</style>





